.background {
	fill: #eee;
}

line {
	stroke: #fff;
}

text.active {
	fill: red;
}

svg {
	font: 10px sans-serif;
}

.form-search .style-search-query {
    border: 0px solid;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    background-image:url('img/sds_brace.PNG');
  	background-repeat:no-repeat;
  	background-position: center;
  	text-align: center;
  	margin: 0px;
  	padding: 7px;
  	width: 156px;
}

.form-search input[type="text"]:focus{
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
}

.style-label {
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	color: GRAY;
	white-space: nowrap;
	vertical-align: baseline;
	padding: 1px 4px 2px;
	cursor: pointer;
}

.style-header {
	text-align: center;
	color: GRAY;
	 width: 100%;
    *width: 99.94680851063829%;
}

.style-head-border {
	border-left: 1px solid;
	border-color: GRAY;
	border-left-style: dotted;
}

.style-border {
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); 
	background: -moz-linear-gradient(top,  #fff,  #ddd); 
}

.style-drag {
	background-color: GRAY;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(GRAY)); 
	background: -moz-linear-gradient(top,  #f2f2f2,  #f2f2f2); 
	border-radius: 10px;
	border-top: 1px solid;
	border-top-style: dotted;
	border-color: #dfdfdf;
	padding-top: 10px;
}

.style-option {
	text-align: left;
	padding-left: 20px;
	color: #08C;
	font-size: 20px;
	border-top: 0px solid;
	border-left: 0px solid;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-color: GRAY;
	width: 900px;
	height: 20px;
}

.scroll {
	height: 200px;
	overflow-y: auto;
}

.style-chart {
	border: 1px solid;
	border-radius: 10px;
	border-color: GRAY;
}

.style-drop {
	border-radius: 30px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2)); 
	background: -moz-linear-gradient(top,  #f2f2f2,  #f2f2f2); 
	padding: 10px;
	text-align: center;
	cursor: hand;
	line-height: 2;
}


::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 1px;
}

::-webkit-scrollbar-thumb {
	border-radius: 1px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.color-default {
	background-color: rgba(235, 235, 235, 0.8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(225, 225, 225, 0.8)
		), to(rgba(255, 255, 255, .9) ) );
	border-color: #cccccc;
}

.color-dataset {
	background-color: rgba(217, 80, 101, 0.8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(175, 63, 75, 0.8)
		), to(rgba(251, 106, 131, .9) ) );
	border-color: #c18b8d;
}

.color-analysis {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(204, 102, 000, 0.8)
		), to(rgba(255, 153, 051, .9) ) );
	border-color: #CC6633;
}

.color-chart {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(000, 051, 051, 0.8)
		), to(rgba(102, 153, 255, .9) ) );
	border-color: #3366CC;
}

.button {
	display: block;
	width: 100%;
	height: 18px;
	padding: 5px 16px 5px;
	border: 2px solid #ccc;
	position: realtive;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.clicked {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(000, 051, 051, 0.8)
		), to(rgba(102, 153, 255, .9) ) );
	border-color: #3366CC;
}
.trend{
	    padding: 1px 9px 2px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		font-size: 16px;
		font-weight: bold;
		line-height: 14px;
		color: white;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		white-space: nowrap;
		vertical-align: baseline;
    }
    .trend0{
    	background-color: #B94A48;
    }
    .trend1{
    	background-color: #FF8F00;
    }
    .trend2{
    	background-color:  #FFEB00;;
    }
    .trend3{
    	background-color:  #3F0;
    }
    .trend4{
    	background-color:  #0052FF;
    }
    .trend5{
    	background-color:  #5C00FF;
    }
    .trend6{
    	background-color:  #E000FF;
    }
    .trend7{
    	background-color:   #00EBFF;
    }
    .trend8{
    	background-color:  #00FFE0;
    }